<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="common::common(title='角色')">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
</head>
<body>
	<div class="x-body" id="app">
		<form class="layui-form" id="roleInfoForm">
			<div class="layui-btn-container layui-bg-gray" >
		        <button id="backBtn" style="margin:5px" class="layui-btn layui-btn-sm" @click.prevent="goBack"><i class="layui-icon">&#xe65c;</i>返回</button>
		        <button id="saveBtn" style="margin:5px" class="layui-btn layui-btn-sm" @click.prevent="doSave" lay-submit><i class="layui-icon">&#xe60a;</i>保存</button>
		    </div>
		    <hr class="layui-bg-gray">
			<input id="id" name="id" th:value="${id}" type="hidden">
			<div class="layui-form-item">
				<div class="layui-inline">
		      		<label class="layui-form-label">角色名称<span style="color: red;">&nbsp;*</span></label>
		      		<div class="layui-input-inline" style="width: 180px;">
				      <input type="text" v-model="formData.name" name="name" autocomplete="off" class="layui-input" lay-verify="required">
				    </div>
	      		</div>
			</div>
			<div class="layui-form-item">
				<div class="layui-inline">
		      		<label class="layui-form-label">角色描述<span style="color: red;">&nbsp;*</span></label>
		      		<div class="layui-input-inline" style="width: 180px;">
				      <input type="text" v-model="formData.description" name="description" autocomplete="off" class="layui-input" lay-verify="required">
				    </div>
	      		</div>
			</div>
			<div class="layui-form-item">
		    	<label class="layui-form-label">权限</label>
		    	<div class="layui-input-block">
			    	<el-tree :data="data" ref="tree" show-checkbox :props="defaultProps" node-key="id" @node-click="handleNodeClick" :default-checked-keys="defaultCheckedKeys"></el-tree>
		    	</div>
		  	</div>
		</form>
	</div>
	<script type="text/javascript" th:src="@{/js/basic/roleinfo_rowEdit.js}"></script>
</body>
</html>